<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8"/>
	<title>ITArmy</title>
	<link rel="icon" type="image/x-icon" href="/static/images/logoIcon.icon">
	<link rel="stylesheet" type="text/css" href="/static/css/font-awesome.min.css"/>
	<link rel="stylesheet" href="/static/css/ask.css"/>
</head>
<body th:style="'background-color : ' + ${session.config.color1}">
	<!--顶部导航部分-->
	<div class="nav">
		<!--导航居中样式-->
		<div class="navCenter">
			<div class="navLeft">
				<!--logo-->
				<div class="logo">
					<img src="/static/images/logo.png"/>
				</div>
				<!--主页-->
				<div class="mainPage"><a href="/user/index">首页</a></div>

				<!--左侧未登录导航-->
				<!--下载App-->
				<div class="download" th:if="${session.user==null}"><a href="">下载App</a></div>
				<!--下载App隐藏部分-->
				<div class="downloadHide">
					<img src="/static/images/QRCode.jpg">
				</div>
				<!--左侧登录后导航将下载App换为关注和消息部分-->
				<!--关注-->
				<div class="attention" th:if="${session.user!=null}"><a href="/focus/focusInformation">关注</a></div>
				<!--消息-->
				<div class="information" th:if="${session.user!=null}"><a href="/message/getCommentMessage">消息</a></div>
				<div class="informationIcon" th:text="${session.message}"></div>

				<!--搜索部分-->

				<div class="search">
					<form action="/serialize/selectBS" method="get">
						<input type="text" name="name" class="navInput"/>
						<button class="navBtn" type="submit"><i class="fa fa-search"></i></button>
					</form>
				</div>
			</div>

			<!--<a href="/user/sign">登录</a>-->
			<!--右侧导航-->
			<div class="navRight">
				<!--右侧未登录导航有登录注册部分-->
				<div class="signIn" th:if="${session.user==null}">
					<a href="/user/sign">登录</a>
				</div>

				<!--<ul>-->
				<!--<li><a th:if="${session.user==null}" href="/user/sign">登录</a></li>-->
				<!--<li><a th:if="${session.user!=null}" href="/user/loginOut">退出</a></li>-->
				<!--</ul>-->
				<div class="register" th:if="${session.user==null}"><a href="/user/registerPage">注册</a></div>
				<!--右侧已登录导航有个人信息图片部分-->
				<!--个人信息图片部分-->

				<div th:if="${session.user!=null}" class="myselfPic"><img th:src="${session.user.uHead}">
					<i class="fa fa-sort-down" id="myselfDown"></i>
					<i class="fa fa-sort-up" id="myselfUp"></i>
				</div>
				<!--登录后显示个人信息图片下拉菜单-->
				<ul class="myselfDownList" style="padding-left: 0;margin-top: 0">
					<a href="/user/PersonalPage">
						<li><i class="fa fa-user"></i> 个人中心</li>
					</a>
					<a href="/user/personalData">
						<li><i class="fa fa-drivers-license-o"></i> 我的资料</li>
					</a>
					<a href="/focus/focusInformation">
						<li><i class="fa fa-check-square-o"></i> 我的收藏</li>
					</a>
					<a href="/message/getCommentMessage">
						<li><i class="fa fa-group"></i> 我的消息</li>
					</a>
					<li class="loginOut" style="cursor: pointer"><i class="fa fa-reply-all"></i> 退出</li>
				</ul>
				<!--写文章按钮-->
				<a href="/test/editor">
					<div class="write">写文章</div>
				</a>
			</div>
		</div>
	</div>

	<!--主页主体部分-->
	<div class="mainPageBody">
		<!--主页主体左侧问题分类部分-->
		<div class="mainPageBodyLeft">
			<div class="scollHidden">
				<h3>问题分类</h3>
				<ul class="mainPageBodyLeftUl" th:each="type:${typeList}">
					<li th:text="${type.tName}"></li>
				</ul>
			</div>
		</div>
		<!--问题主题-->
		<div class="article">
			<!--博客文章遍历测试内容-->
				<div class="question-body" th:each="question:${questionList}">
					<div class="right">
						<div class="coin">
							<span class="gold" th:text="${question.question.qReward}"></span>
							<br>
							<small>&nbsp;&nbsp;赏金</small>
						</div>
						<div class="answer">
							<span class="daan" th:text="${question.commentNumber}"></span>
							<br>
							<small>回答</small>
						</div>
					</div>
					<div class="left">
						<div class="question-head">
							<span class="author">提问人:</span>
							<span class="author" th:text="${question.user.uName}"></span>
							<span class="author" th:text="${#dates.format(question.question.qTime,'yyyy-MM-dd')}"></span>
						</div>
						<div class="question-content">
							<a th:href="@{/question/readQuestion?(qid=${question.question.qId})}" th:text="${question.question.qTitle}">></a>
						</div>
					</div>
				</div>
		</div>
		<div class="mainPageBodyRight">
			<ul class="mainPageBodyRightUl">
				<a href="/user/vipPage">
					<li class="mainLi1">会员充值<img src="/static/images/vip.svg"></li>
				</a>
				<a href="/user/serialize">
					<li class="mainLi2">I T 书 城<img src="/static/images/book.svg"></li>
				</a>
				<a href="/question/add">
					<li class="mainLi3">我要提问<img src="/static/images/qs.svg" alt="">  </li>
				</a>
			</ul>
		</div>
	</div>

<!--吸顶盒-->
	<div id="btnTop" onclick="pageScroll() " title="返回顶端">
		<img src="/static/images/fly.svg" alt="">
	</div>
	</body>
<script type="text/javascript" src="/static/js/jquery-3.4.0.js"></script>
<script type="text/javascript" src="/static/js/ask.js"></script>
</html>
